<template>
  <view class="qiutian-container">
    <!-- 背景图片容器，支持滚动查看长图 -->
    <scroll-view scroll-y="true" class="background-scroll-view" scroll-with-animation>
      <image src="/static/bg4.png" mode="widthFix" class="background-image"></image>
    </scroll-view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        // 可以在这里添加需要的数据
      };
    },
    onLoad() {
      // 页面加载时的逻辑
    }
  };
</script>

<style scoped>
  .qiutian-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  
  .background-scroll-view {
    width: 100%;
    height: 100%;
    position: relative;
    /* 移除z-index: -1，改为relative定位 */
    padding: 0;
    margin: 0;
  }
  
  .background-image {
    width: 100%;
  }
</style>

